﻿<!DOCTYPE html>
<html lang="en">
<head>

    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
    <script src="../../statics/js/indexs/home_page.js"></script>
    <meta charset="UTF-8">
    <title>阳曲服务区信息平台</title>
    <#include "/header.html">
    <style>
        .playWnd {
            width:  100%;                  /*播放容器的宽和高设定*/
            height: 100%;
            /*border: 1px solid red;*/
        }
    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >阳曲服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr "><a style="color: white" href="../../modules/page/page_1.html" class="nav-link">实时监测</a></li>
            <li class="l_left total_chose_pl " ><a style="color: white" href="../../modules/page/page_2.html" class="nav-link">流量分析</a></li>
            <!--<li class="l_left total_chose_pl "><a style="color: white" href="../../modules/page/page_3.html" class="nav-link">订单分析</a></li>-->
            <li class="r_right total_chose_fr "><a style="color: white" href="../../modules/page/page_4.html" class="nav-link">大屏推送</a></li>
            <li class="r_right total_chose_pl " ><a style="color: white" href="../../modules/page/page_5.html" class="nav-link">车位管理</a></li>
            <li class="r_right total_chose_fr "><a style="color: white" href="../../modules/page/page_6.html" class="nav-link">智慧公厕</a></li>
            <li class="r_right total_chose_fr nav_active"><a style="color: white" href="../../modules/page/page_7.html" class="nav-link">视频监控</a></li>
        </ul>

        <div class="clear"></div>
    </div>
    <div class="index_tabs" >

        <div class="inner" ><!--岩-->
            <div class="user_top_middle" style="width:20%;position: absolute">
                <span id="shishi" onclick="shishi()" class="year_chose" style="background-color: #3366FF; margin: 5% 3% ;line-height: 23px;text-align:center;width:40%;height: 26px;cursor: pointer">实时视频</span>
                <span id="huifang" onclick="huifang()" class="year_chose" style="margin: 5% 3%;line-height: 23px;text-align:center;width:40%;height: 26px;cursor: pointer">视频回放</span>
            </div>
            <div class="user_left l_left" style="margin-top:3%;margin-left:0.6%;width: 20%">
                <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->
                <div class="user_line1">
                    <div class="user_line2">
                        <div class="data_tit3" style="height:2.5%;margin-top: -24px">摄像机列表</div>
                        <div class="user_left_top" style="height: 100%;padding-bottom: 3%" id="camaraList">

                            <div  class="panel-body" style=";overflow-y: scroll;height:100%;">
                                <ul style="height: 10%;color: red" id="indexsCamaraTree" class="ztree"></ul>
                            </div>

                        </div>
                        <div id="timediv" class="user_top_middle" style=";margin-top:3%;height: 25%;display: none">
                            <div style="height: 21%;width: 98%;margin-top: 5%"><span id="cName" style="color: white;margin-left: 12%">当前监控点:</span></div>
                            <div style="height: 21%;width: 98%;">
                                <div class="layui-form">
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="width: 98%">
                                            <label class="layui-form-label" style="height:23px;width: 30%"><span style="color: white">开始时间</span></label>
                                            <div class="layui-input-inline">
                                                <input  style="height:23px;;width: 80% ;margin-top: 4px" type="text"  class="layui-input" id="beginTime" placeholder="开始时间">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 21%;width: 98%;">
                                <div class="layui-form">
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="width: 98%">
                                            <label class="layui-form-label" style="height:23px;width: 30%"><spanp style="color: white">结束时间</spanp></label>
                                            <div class="layui-input-inline">
                                                <input  style="height:23px;width: 80% ;margin-top: 4px" type="text" class="layui-input" id="endTime" placeholder="结束时间">
                                            </div>
                                        </div>
                                    </div>
                                </div> </div>
                            <div style="height: 20%;width: 98%;">
                                <span id="startPlayback" class="year_chose" style="margin-left: 20%;line-height: 23px;text-align:center;width:20%;height: 26px;cursor: pointer">开始回放</span>
                                <span id="stopPlayback" class="year_chose" style="margin-left: 20%;line-height: 23px;text-align:center;width:20%;height: 26px;cursor: pointer">停止回放</span>
                            </div>
                            <span id="errMessage" style="color: red;float:left;margin-left: 20%"></span>
                            <!--<span style="text-align:center;width: 20%;margin-left: 2%" class="year_chose">确定</span>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="user_left l_left" style="margin-top:3%; margin-left: 0.6%;width: 78%">
                <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
                <div class="user_line1">
                    <div class="user_line2" style="padding: 0.5%">
                        <div id="playWnd" class="playWnd" style=" left: 0.5%; top: 0.5%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="northLayer" style="display: none;padding:10px;">
    <ul id="northTree" class="ztree"></ul>
</div>
<div id="southLayer" style="display: none;padding:10px;">
    <ul id="southTree" class="ztree"></ul>
</div>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/js/page/page_7.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
<script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
<script src="../../statics/js/indexs/hikvision2.js"></script>
<script>
    function goBackstage() {
        window.location.href="../../index.html";
    }
</script>

</body>
</html>



























